<?php include 'header.php'; ?>

<style>
        
    .contenedorBlog {
        float:left;
        color:black;
        margin-top:10px;
        text-align:center;
        margin-bottom:215px;
    }
    
    .contenedorNoticiaBlog {
        float:left;
        cursor:default;
        /*margin:.8%;*/
        width:100%;
        height:55px;
        /*padding:5px 0 5px 5px;*/
        margin:0;
        border-bottom:silver solid 1px;
        border-radius:0;
        -webkit-transition-property: background;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: background;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;
        
    }
    
    .contenedorNoticiaBlog:hover {
        background-color: #eff1ff;
        /*cursor:pointer;*/
        /*border: #5789ad solid 1px;*/
    }
    .imagenBlog {
        float:left;
        width:100%;
        height:auto;
    }
    
    .by {
        text-align:left;
        font-size:13px;
    }
    .resumen {
        float:left;
        /*margin-top:10px;*/
        width:calc(100% - 490px);
        text-align:left;
        font-size:13px;
        margin-top:8px;
        padding-top:0;
    }
    
    a.titular {
        float:left;
        margin-top:10px;
        width:200px;
        font-weight:bold;
        border-radius:13px;
        color:black;
        font-size:15px;
        -webkit-transition-property: color;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;
    }
    
    a.titular:hover {
        color:#5789ae;
        text-decoration:none;
    }
    
    .blog {
        font-weight:bold;
        background-color:#5789ad;
        color:white;
        font-size:20px;
        text-align:center;
        float:left;
        width:100%;
    }
    
    .contenedorImgBlog {
        float:left;
        width:50px;
        height:50px;
        overflow:hidden;
        padding:2px;
        box-shadow: none;
        /*border-radius:5px;*/
/*        background-color:white;
        padding:2px;
        border:silver solid 1px;*/
        /*box-shadow: 2px 2px 10px #888888;*/
    }
    
     .remove {
            -webkit-transition-property: color;
            -webkit-transition-duration: .3s;
            -webkit-transition-timing-function: ease;
            -moz-transition-property: color;
            -moz-transition-duration: .3s;
            -moz-transition-timing-function: ease;
        }

        .search {
            -webkit-transition-property: color;
            -webkit-transition-duration: .5s;
            -webkit-transition-timing-function: ease;
            -moz-transition-property: color;
            -moz-transition-duration: .5s;
            -moz-transition-timing-function: ease;
        }

        .pencil {
            -webkit-transition-property: color;
            -webkit-transition-duration: .5s;
            -webkit-transition-timing-function: ease;
            -moz-transition-property: color;
            -moz-transition-duration: .5s;
            -moz-transition-timing-function: ease;
        }
        .remove:hover {
            color:red;
        }

        .search:hover {
            color:blue;
        }

        .pencil:hover {
            color:green;
        }

        .opcion {
            float:right;
            padding:5px 5px 0px 5px;margin:2px;

            -webkit-transition-property: border;
            -webkit-transition-duration: .5s;
            -webkit-transition-timing-function: ease;
            -moz-transition-property: border;
            -moz-transition-duration: .5s;
            -moz-transition-timing-function: ease;
            /*border:transparent solid 1px;*/
        }

        .opcion:hover {
            cursor:pointer;
            /*border:black solid 1px;*/
        }
</style>
    <body>
        <?php include '../menus/menuUsuario.php'; ?>
            <?php include 'sidebar.php'; ?>
            <div class="content" style="padding-bottom:100px;">
                <div class="header">
                        <?php if (totalDenunciasSinResolver($_GET['origen'])) { ?>
                            <div class="stats">
                                <p class="stat"><span class="number"><?php echo totalDenunciasSinResolver($_GET['origen']) ?></span>Denuncias sin resolver</p>
                            </div>
                        <?php } ?>
                        <h1 class="page-title">
                        <?php
                        switch ($_GET['origen']) {
                            case 1:echo "Denuncias sobre proyectos";break;
                            case 2:echo "Denuncias sobre perfiles";break;
                            case 3:echo "Denuncias sobre ofertas";break;
                            case 4:echo "Denuncias sobre mensajes";break;
                            case 5:echo "Denuncias sobre comentarios sobre el proyectos";break;
                            case 6:echo "Denuncias sobre comentarios sobre noticias";break;
                            case 7:echo "Denuncias sobre opiniones sobre perfiles";break;
                        }
                    ?>
                            
                        </h1>
                    <!--<div style="clear:both;padding-bottom:10px;"></div>-->
                    </div>
                <?php if ($denuncias = obtenerDenuncias($_GET['origen'])) {
                    
                    $i = 0; ?> 

                    
                        <?php  while ($i < count($denuncias)) { 
                            $uid = $denuncias[$i]['idUsuarioDenunciado'];
                            $nombreDenunciado = $denuncias[$i]['nombreDenunciado']." ".$denuncias[$i]['apellidosDenunciado'];
                        ?>
                        
                        <div class="contenedorNoticiaBlog">
                            
                            <div class="contenedorImgBlog" >
                                <a style="font-size:12px;" href='../usuarios/perfil.php?uid=<?php echo $denuncias[$i]['idUsuario'] ?>'><img class="imagenBlog thumb" src="../<?php echo $denuncias[$i]['foto']; ?>"></a>>
                            </div>
                            <div style="color:red;padding-top:15px;float:left;">
                                <i class="glyphicon glyphicon-arrow-right"></i>
                            </div>
                            
                            <div class="contenedorImgBlog">
                                <a style="font-size:12px;" href='../usuarios/perfil.php?uid=<?php echo $denuncias[$i]['idUsuarioDenunciado'] ?>'><img class="imagenBlog thumb" src="../<?php echo $denuncias[$i]['fotoDenunciado']; ?>"></a>
                            </div>
                            
                            <div style="float:left;padding-left:5px;">
                                <div style="float:left;">
                                    <a class="titular" onclick="javascript:document.verNoticia<?php echo $i ?>.submit();" href="#"><?php echo $denuncias[$i]['titular'] ?></a>
                                </div>
                                <div class="by" style="margin-top:5px;padding-top:0">
                                    de <font style="color:#5789ad"><a style="font-size:12px;" href='../usuarios/perfil.php?uid=<?php echo $denuncias[$i]['idUsuario'] ?>'><?php echo $denuncias[$i]['nombre']." ".$denuncias[$i]['apellidos'] ?></a></font><br>
                                    a <font style="color:#5789ad"><a style="font-size:12px;" href='../usuarios/perfil.php?uid=<?php echo $denuncias[$i]['idUsuarioDenunciado'] ?>'><?php echo $denuncias[$i]['nombreDenunciado']." ".$denuncias[$i]['apellidosDenunciado'] ?></a></font>
                                </div>
                            </div>
                            <div style="float:left;color:<?php echo estaBloqueado($denuncias[$i]['idUsuarioDenunciado']) ?>;font-weight:bold;padding:15px 5px 0 0" title='Usuario denunciado bloqueado'>
                                <i class="icon icon-minus-sign"></i>
                            </div>
                            <?php if($denuncias[$i]['resuelta'] == 1) { ?>
                                <div style="float:left;color:green;font-weight:bold;padding:15px 5px 0 0" title='Resuelta'>
                                    <i class="icon icon-ok-sign pencil"></i>
                                </div>
                            <?php } else { ?>
                                <div style="float:left;color:black;font-weight:bold;padding:15px 5px 0 0" title='Pendiente'>
                                    <i class="icon icon-question-sign pencil"></i>
                                </div>
                            <?php } ?>
                            <div class="resumen">
                                <?php switch($_GET['origen']) { 
                                    case 1: ?>
                                        <b><?php echo "El proyecto <a style='font-size:13px;' href='../planes/plan.php?pid=".$denuncias[$i]['idPlan']."'>".$denuncias[$i]['titularPlan']."</a> - ".$denuncias[$i]['descripcionMotivo']; ?></b><br>
                                        <?php echo substr($denuncias[$i]['comentarioDenuncia'], 0, 100)." [...]"; ?>
                                        <?php break;
                                    case 2: ?>
                                        <b><?php echo "El perfil de <a style='font-size:13px;' href='../usuarios/perfil.php?uid=".$denuncias[$i]['idUsuarioDenunciado']."'>".$denuncias[$i]['nombreDenunciado']." ".$denuncias[$i]['apellidosDenunciado']."</a> - ".$denuncias[$i]['descripcionMotivo']; ?></b><br>
                                        <?php echo substr($denuncias[$i]['comentarioDenuncia'], 0, 100)." [...]"; ?>
                                        <?php break;
                                    case 3: ?>
                                        <b><?php echo "La oferta - ".$denuncias[$i]['descripcionMotivo']; ?></b><br>
                                        <?php echo substr($denuncias[$i]['comentarioDenuncia'], 0, 100)." [...]"; ?>
                                        <?php break;
                                    case 4: ?>
                                        <b><?php echo "El mensaje de <a style='font-size:13px;' href='../usuarios/perfil.php?uid=".$denuncias[$i]['idUsuarioDenunciado']."'>".$denuncias[$i]['nombreDenunciado']." ".$denuncias[$i]['apellidosDenunciado']."</a> - ".$denuncias[$i]['descripcionMotivo']; ?></b><br>
                                        <?php echo substr($denuncias[$i]['comentarioDenuncia'], 0, 100)." [...]"; ?>
                                        <?php break;
                                    case 5: ?>
                                        <b><?php echo "El comentario sobre el proyecto <a style='font-size:13px;' href='../planes/plan.php?pid=".$denuncias[$i]['idPlan']."'>".$denuncias[$i]['titularPlan']."</a> - ".$denuncias[$i]['descripcionMotivo']; ?></b><br>
                                        <?php echo substr($denuncias[$i]['comentarioDenuncia'], 0, 100)." [...]"; ?>
                                        <?php break;
                                    case 6: ?>
                                        <b><?php echo "El comentario sobre la noticia <a style='font-size:13px;' href='../blog/verNoticia.php?bid=".$denuncias[$i]['idNoticia']."'>".$denuncias[$i]['titularNoticia']."</a> - ".$denuncias[$i]['descripcionMotivo']; ?></b><br>
                                        <?php echo substr($denuncias[$i]['comentarioDenuncia'], 0, 100)." [...]"; ?>
                                        <?php break;
                                    case 7: ?>
                                        <b><?php echo "La opinión de <a style='font-size:13px;' href='../usuarios/perfil.php?uid=".$denuncias[$i]['idUsuarioDenunciado']."'>".$denuncias[$i]['nombreDenunciado']." ".$denuncias[$i]['apellidosDenunciado']."</a> - ".$denuncias[$i]['descripcionMotivo']; ?></b><br>
                                        <?php echo substr($denuncias[$i]['comentarioDenuncia'], 0, 100)." [...]"; ?>
                                        <?php break;
                                    default:break;
                                    ?>
                                <?php } ?>
                            </div>
                            
                            <div style="float:right;padding-bottom:0">
                                <div class="opcion">
                                    <i class="icon icon-remove remove" title="Eliminar Denuncia"  data-target="#eliminarDenuncia<?php echo $i ?>" data-toggle="modal"></i>
                                </div>
                                <div class="opcion">
                                    <?php if ($denuncias[$i]['resuelta']) { ?>
                                        <i class="icon icon-ok" style="color:silver;cursor:default" title="Denuncia resuelta"></i>
                                    <?php } else { ?>
                                        <i class="icon icon-ok pencil" title="Resolver Denuncia"  data-target="#resolverDenuncia<?php echo $i ?>" data-toggle="modal"></i>
                                    <?php } ?>
                                </div>
                                <div class="opcion">
                                    <i class="icon icon-inbox search" title="Archivar Denuncia"  data-target="#archivarDenuncia<?php echo $i ?>" data-toggle="modal"></i>
                                </div>
                                <div class="opcion">
                                    <a href='#verDenuncia<?php echo $i ?>' data-toggle="modal"><i class="icon icon-search search" title="Ver Denuncia"></i></a>
                                </div>
                                <div class="opcion">
                                    <a href='#enviarMensaje<?php echo $uid ?>' data-toggle="modal"><i class="icon icon-envelope-alt search" title="Enviar mensaje a <?php echo $denuncias[$i]['nombreDenunciado'] ?>"></i></a>
                                </div>
<!--                                <div class="opcion">
                                    <i class="icon icon-pencil search" onclick="javascript:document.editarNoticia<?php // echo $i ?>.submit();" title="Editar Noticia"></i>
                                </div>-->
                            </div>
                            <?php if($denuncias[$i]['nueva'] == 1) { ?>
                                <div style="float:right;padding:2px 5px 0 5px;background-color:red;color:white;font-weight:bold;font-size:10px;">
                                    NUEVA
                                </div>
                            <?php } ?>
                            
                            
                            <div style="clear:both;"></div>
                            <div style='width:100%;height:0'>
                            </div>
                        </div>
                <script>
                    $(window).load(function(){
                        $('#enviarMensaje<?php echo $uid ?>').modal(options);
                        $('#verDenuncia<?php echo $i ?>').modal(options);
                        $('#archivarDenuncia<?php echo $i ?>').modal(options);
                        $('#eliminarDenuncia<?php echo $i ?>').modal(options);
                        $('#resolverDenuncia<?php echo $i ?>').modal(options);
                    }); 
                    
                </script>
                <?php include 'enviarMensaje.php'; ?>
                <?php include 'verDenuncia.php'; ?>
                <?php include 'ventanaEliminar.php'; ?>
                <?php include 'ventanaArchivar.php'; ?>
                <?php include 'ventanaResolver.php'; ?>
                         <?php $i++;
                        }
                    } else { ?>
                        <div style="padding:10px;text-align:center">
                            No existen denuncias registradas
                        </div>
                    <?php }
                ?>
                <div style="clear:both"></div>
                <div style='position:absolute;bottom:0;width:100%;margin-left:12px;'>
                    <?php include 'footer.php'; ?>
                </div>
            </div>
            <script>
                function validarFormulario(formulario) {
                    campo = formulario.elements["tiempo"];
                    if (campo.value == "") {
                        campo.style.borderColor = "red";
                        campo.style.boxShadow = "0px 0px 5px red";
                        return false;
                    } else {
                        campo.style.borderColor = "silver";
                        campo.style.boxShadow = "none";
                    }
                    return true; 
                }
                    
                function validarFormularioMensaje(formulario) {
                    campo = formulario.elements["asunto"];
                    if (campo.value == "") {
                        campo.style.borderColor = "red";
                        campo.style.boxShadow = "0px 0px 10px red";
                        return false;
                    } else {
                        campo.style.borderColor = "silver";
                        campo.style.boxShadow = "none";
                    }
                    campo = formulario.elements["mensaje"];
                    if (campo.value == "") {
                        campo.style.borderColor = "red";
                        campo.style.boxShadow = "0px 0px 10px red";
                        return false;
                    } else {
                        campo.style.borderColor = "silver";
                        campo.style.boxShadow = "none";
                    }
                    return true;
                }
            </script>
            <script src="lib/bootstrap/js/bootstrap.js"></script>
    </body>
</html>